outline-color: transparentize($tc, 0.7);
border-color: if($c!=$bg_color, _border_color($c), $borders_color);
background-image: none;
- @if $variant == 'light' { background-color: darken($c, 8%); }
- @else { background-color: darken($c, 6%); }
+ background-color: if($variant == 'light', darken($c, 8%), darken($c, 6%));
@include _shadows(inset 0 1px transparentize($_hilight_color, 1),
$_button_edge);
//
// insensitive pushed button
//
- $_bg: if($c!=$bg_color, darken(mix($c,$base_color, 85%), 5%),
- $insensitive_bg_color);
+ $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 6%));
$_bc: if($c!=$bg_color, _border_color($c), $insensitive_borders_color);
label, & { color: if($c!=$bg_color, mix($tc, $_bg, 60%), $insensitive_fg_color); }
border-color: $_bc;
- background-image: linear-gradient(to bottom, mix($_bc, $_bg, 10%), $_bg);
+ background-color: $_bg;
+ background-image: none;
// white with 0 alpha to avoid an ugly transition, since no color means
// black with 0 alpha
@include _shadows(inset 0 1px transparentize(white, 1), $_button_edge);
// backdrop insensitive pushed button
//
- $_bg: if($c!=$bg_color, darken(mix($c, $base_color, 85%), 5%),
- darken($insensitive_bg_color, 5%));
+ $_bg: if($variant == 'light', darken(mix($c, $base_color, 85%), 8%), darken(mix($c, $base_color, 85%), 6%));
$_bc: if($variant=='light', $_bg,_border_color($c));
label { color: if($c!=$bg_color, mix($tc, $_bg, 35%), $backdrop_insensitive_color); }
button:backdrop:disabled:active,
button:backdrop:disabled:checked {
border-color: #262929;
- background-color: #272929;
+ background-color: #282c2c;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label,
button:disabled:active,
button:disabled:checked {
border-color: #212424;
- background-image: linear-gradient(to bottom, #313434, #333636);
+ background-color: #282c2c;
+ background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked,
button:disabled:active label,
button.suggested-action.flat:backdrop:disabled:active,
button.suggested-action.flat:backdrop:disabled:checked {
border-color: #0f2b48;
- background-color: #1d4877;
+ background-color: #1c4672;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label,
button.suggested-action:backdrop:disabled:checked label,
button.suggested-action.flat:backdrop:disabled:active label,
button.suggested-action.flat:backdrop:disabled:checked label {
- color: #6c88a7; }
+ color: #6b87a3; }
.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled,
button.suggested-action.flat:backdrop,
button.suggested-action.flat:disabled,
button.suggested-action:disabled:active,
button.suggested-action:disabled:checked {
border-color: #0f2b48;
- background-image: linear-gradient(to bottom, #1c4572, #1d4877);
+ background-color: #1c4672;
+ background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:disabled:active label,
button.suggested-action:disabled:active,
button.suggested-action:disabled:checked label,
button.suggested-action:disabled:checked {
- color: #a5b6c9; }
+ color: #a4b5c7; }
.osd
button.suggested-action {
color: #eeeeec;
button.destructive-action.flat:backdrop:disabled:active,
button.destructive-action.flat:backdrop:disabled:checked {
border-color: #760909;
- background-color: #a41212;
+ background-color: #9f1111;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:disabled:active label,
button.destructive-action:backdrop:disabled:checked label,
button.destructive-action.flat:backdrop:disabled:active label,
button.destructive-action.flat:backdrop:disabled:checked label {
- color: #c46565; }
+ color: #c16464; }
button.destructive-action.flat:backdrop,
button.destructive-action.flat:disabled,
button.destructive-action.flat:backdrop:disabled {
button.destructive-action:disabled:active,
button.destructive-action:disabled:checked {
border-color: #760909;
- background-image: linear-gradient(to bottom, #9f1111, #a41212);
+ background-color: #9f1111;
+ background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:disabled:active label,
button.destructive-action:disabled:active,
button.destructive-action:disabled:checked label,
button.destructive-action:disabled:checked {
- color: #dba0a0; }
+ color: #d9a0a0; }
.osd
button.destructive-action {
color: #eeeeec;
color: #949796; }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
border-color: #212424;
- background-image: linear-gradient(to bottom, #313434, #333636);
+ background-color: #282c2c;
+ background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked {
color: #949796; }
color: #5d6767; }
.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked {
border-color: #262929;
- background-color: #272929;
+ background-color: #282c2c;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label {
headerbar.selection-mode button:backdrop:disabled:active,
headerbar.selection-mode button:backdrop:disabled:checked {
border-color: #0f2b48;
- background-color: #1d4877;
+ background-color: #1c4672;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #0f2b48; }
headerbar.selection-mode button:backdrop.flat:disabled:checked label,
headerbar.selection-mode button:backdrop:disabled:active label,
headerbar.selection-mode button:backdrop:disabled:checked label {
- color: #6c88a7; }
+ color: #6b87a3; }
.selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled,
headerbar.selection-mode button.flat:backdrop,
headerbar.selection-mode button.flat:disabled,
headerbar.selection-mode button:disabled:active,
headerbar.selection-mode button:disabled:checked {
border-color: #0f2b48;
- background-image: linear-gradient(to bottom, #1c4572, #1d4877);
+ background-color: #1c4672;
+ background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked,
headerbar.selection-mode button:disabled:active label,
headerbar.selection-mode button:disabled:active,
headerbar.selection-mode button:disabled:checked label,
headerbar.selection-mode button:disabled:checked {
- color: #a5b6c9; }
+ color: #a4b5c7; }
.selection-mode.titlebar:not(headerbar) button.suggested-action,
headerbar.selection-mode button.suggested-action {
color: #eeeeec;
button:backdrop:disabled:active,
button:backdrop:disabled:checked {
border-color: #c0c0bd;
- background-color: #e4e4e4;
+ background-color: #d7d7d7;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:backdrop:disabled:active label, button.sidebar-button:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.sidebar-button:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label, notebook > header > tabs > arrow:backdrop:disabled:active label, button.titlebutton:backdrop:disabled:active label, notebook > header > tabs > arrow:backdrop:disabled:checked label, button.titlebutton:backdrop:disabled:checked label,
button:disabled:active,
button:disabled:checked {
border-color: #b6b6b3;
- background-image: linear-gradient(to bottom, #ebebeb, #f1f1f1);
+ background-color: #d7d7d7;
+ background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
notebook > header > tabs > arrow:disabled:active label, button.titlebutton:disabled:active label, notebook > header > tabs > arrow:disabled:active, button.titlebutton:disabled:active, notebook > header > tabs > arrow:disabled:checked label, button.titlebutton:disabled:checked label, notebook > header > tabs > arrow:disabled:checked, button.titlebutton:disabled:checked,
button:disabled:active label,
button.suggested-action:backdrop:disabled:checked,
button.suggested-action.flat:backdrop:disabled:active,
button.suggested-action.flat:backdrop:disabled:checked {
- border-color: #5094db;
- background-color: #5094db;
+ border-color: #438cd8;
+ background-color: #438cd8;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.selection-mode button.titlebutton:backdrop:disabled:active label, .selection-mode button.titlebutton:backdrop:disabled:checked label,
button.suggested-action:backdrop:disabled:checked label,
button.suggested-action.flat:backdrop:disabled:active label,
button.suggested-action.flat:backdrop:disabled:checked label {
- color: #8db9e8; }
+ color: #85b4e6; }
.selection-mode button.titlebutton:backdrop, .selection-mode button.titlebutton:disabled, .selection-mode button.titlebutton:backdrop:disabled,
button.suggested-action.flat:backdrop,
button.suggested-action.flat:disabled,
button.suggested-action:disabled:active,
button.suggested-action:disabled:checked {
border-color: #215d9c;
- background-image: linear-gradient(to bottom, #4b8fd5, #5094db);
+ background-color: #438cd8;
+ background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.suggested-action:disabled:active label,
button.suggested-action:disabled:active,
button.suggested-action:disabled:checked label,
button.suggested-action:disabled:checked {
- color: #b9d4f1; }
+ color: #b4d1ef; }
.osd
button.suggested-action {
color: #eeeeec;
button.destructive-action:backdrop:disabled:checked,
button.destructive-action.flat:backdrop:disabled:active,
button.destructive-action.flat:backdrop:disabled:checked {
- border-color: #ef3131;
- background-color: #ef3131;
+ border-color: #ee2323;
+ background-color: #ee2323;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:backdrop:disabled:active label,
button.destructive-action:backdrop:disabled:checked label,
button.destructive-action.flat:backdrop:disabled:active label,
button.destructive-action.flat:backdrop:disabled:checked label {
- color: #f57979; }
+ color: #f47070; }
button.destructive-action.flat:backdrop,
button.destructive-action.flat:disabled,
button.destructive-action.flat:backdrop:disabled {
button.destructive-action:disabled:active,
button.destructive-action:disabled:checked {
border-color: #a60c0c;
- background-image: linear-gradient(to bottom, #e82d2d, #ef3131);
+ background-color: #ee2323;
+ background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
button.destructive-action:disabled:active label,
button.destructive-action:disabled:active,
button.destructive-action:disabled:checked label,
button.destructive-action:disabled:checked {
- color: #f9adad; }
+ color: #f8a7a7; }
.osd
button.destructive-action {
color: #eeeeec;
color: #8b8e8f; }
.inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked {
border-color: #b6b6b3;
- background-image: linear-gradient(to bottom, #ebebeb, #f1f1f1);
+ background-color: #d7d7d7;
+ background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:disabled:active label, .inline-toolbar toolbutton > button:disabled:active, .inline-toolbar toolbutton > button:disabled:checked label, .inline-toolbar toolbutton > button:disabled:checked {
color: #8b8e8f; }
color: #c3c3c0; }
.inline-toolbar toolbutton > button:backdrop:disabled:active, .inline-toolbar toolbutton > button:backdrop:disabled:checked {
border-color: #c0c0bd;
- background-color: #e4e4e4;
+ background-color: #d7d7d7;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.inline-toolbar toolbutton > button:backdrop:disabled:active label, .inline-toolbar toolbutton > button:backdrop:disabled:checked label {
headerbar.selection-mode button:backdrop.flat:disabled:checked,
headerbar.selection-mode button:backdrop:disabled:active,
headerbar.selection-mode button:backdrop:disabled:checked {
- border-color: #5094db;
- background-color: #5094db;
+ border-color: #438cd8;
+ background-color: #438cd8;
background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0);
border-color: #184472; }
headerbar.selection-mode button:backdrop.flat:disabled:checked label,
headerbar.selection-mode button:backdrop:disabled:active label,
headerbar.selection-mode button:backdrop:disabled:checked label {
- color: #8db9e8; }
+ color: #85b4e6; }
.selection-mode.titlebar:not(headerbar) button.flat:backdrop, .selection-mode.titlebar:not(headerbar) button.flat:disabled, .selection-mode.titlebar:not(headerbar) button.flat:backdrop:disabled,
headerbar.selection-mode button.flat:backdrop,
headerbar.selection-mode button.flat:disabled,
headerbar.selection-mode button:disabled:active,
headerbar.selection-mode button:disabled:checked {
border-color: #215d9c;
- background-image: linear-gradient(to bottom, #4b8fd5, #5094db);
+ background-color: #438cd8;
+ background-image: none;
box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
.selection-mode.titlebar:not(headerbar) button:disabled:active label, .selection-mode.titlebar:not(headerbar) button:disabled:active, .selection-mode.titlebar:not(headerbar) button:disabled:checked label, .selection-mode.titlebar:not(headerbar) button:disabled:checked,
headerbar.selection-mode button:disabled:active label,
headerbar.selection-mode button:disabled:active,
headerbar.selection-mode button:disabled:checked label,
headerbar.selection-mode button:disabled:checked {
- color: #b9d4f1; }
+ color: #b4d1ef; }
.selection-mode.titlebar:not(headerbar) button.suggested-action,
headerbar.selection-mode button.suggested-action {
color: #2e3436;